<?xml version="1.0" encoding="UTF-8"?>
<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<ui:composition template="/pages/templates/layout_principal.xhtml">
		<ui:define name="message">
			<rich:messages id="mensagens" globalOnly="true" showSummary="true" showDetail="true" ajaxRendered="false">
			</rich:messages>
		</ui:define>
		
		<ui:define name="body" width="100%">
			<h:form>
				<h:panelGrid styleClass="titulo">
					<h:outputText styleClass="titulo" 
						value="#{menuControl.nomeProjetoSelecionado} - Plano da Iteração ##{planejarIteracaoControl.iteracao.numero} (#{planejarIteracaoControl.iteracao.fase.faseRup.nome})" />
				</h:panelGrid>
				
				<br />
				
				<rich:panel id="panelDetalhes" header="Resumo da iteração - #{planejarIteracaoControl.iteracao.nome}">
					<h:panelGrid columns="4">
						
						<h:outputText value="Início estimado:" style="font-weight: bold;" />
						<h:outputText value="#{planejarIteracaoControl.iteracao.inicio}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
						
						<h:outputText value="Horas Estimadas (Plano de Fases):" style="font-weight: bold;" />
						<h:panelGroup>
							<h:outputText value="#{planejarIteracaoControl.iteracao.horasEstimadas} horas" /> 
						</h:panelGroup>
						
						<h:outputText value="Fim estimado:" style="font-weight: bold;" />
						<h:outputText value="#{planejarIteracaoControl.iteracao.fim}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
						
						<h:outputText value="Horas Estimadas (Plano de Iteração):" style="font-weight: bold;" />
						<h:outputText value="#{planejarIteracaoControl.iteracao.horasPlanoIteracao} horas" />
					</h:panelGrid>
				</rich:panel>
				
				<br/>
				
				<rich:tabPanel switchType="client">
					<rich:tab header="Atividades" id="tabAtividades">
						<h:panelGrid columns="2" columnClasses="col-links, col-links">
							<a4j:commandLink action="#{planejarIteracaoControl.novaAtividade}" execute="@this" render="listaAtividades">
								<h:graphicImage library="images" name="add.png" title="Adicionar Atividade" />
								Nova Atividade
							</a4j:commandLink>
						
							<a4j:commandLink render="panelGantt" execute="@this" oncomplete="#{rich:component('panelGantt')}.show()">
								<a4j:param assignTo="#{gerarGanttControl.idIteracao}" value="#{planejarIteracaoControl.idIteracao}" />
								<h:graphicImage library="images" name="chart_line.png" title="Visualizar Gantt" />
								Visualizar Gantt
							</a4j:commandLink>
						</h:panelGrid>
						
						<rich:dataTable id="listaAtividades"  
							var="atividade" 
							value="#{planejarIteracaoControl.atividades}" 
							styleClass="stable" style="width: 100%">
							
							<f:facet name="header">
								<rich:columnGroup>
									<rich:column style="width: 5%">#</rich:column>
									<rich:column>Atividade</rich:column>
									<rich:column style="width: 10%">Início E.</rich:column>
									<rich:column style="width: 10%">Fim E.</rich:column>
									<rich:column style="width: 12%">Horas E.</rich:column>
									<rich:column>Responsável</rich:column>
									<rich:column>Status</rich:column>
									<rich:column style="width: 5%"></rich:column>
									<rich:column style="width: 5%"></rich:column>
									<rich:column style="width: 5%"></rich:column>
								</rich:columnGroup>
							</f:facet>
							
							<rich:column>
								<a4j:commandLink execute="@this" value="##{atividade.numero}" action="#{planejarIteracaoControl.editarAtividade}"
									render="panelAtividade" oncomplete="#{rich:component('panelAtividade')}.show()">
									<a4j:param assignTo="#{planejarIteracaoControl.idAtividadeSel}" value="#{atividade.id}" />
								</a4j:commandLink>
							</rich:column>
							<rich:column>
								#{atividade.nome}
							</rich:column>
							<rich:column>
								<h:outputText value="#{atividade.inicioEstimado}">
									<f:convertDateTime pattern="dd/MM/yyyy"/>
								</h:outputText>
							</rich:column>
							<rich:column>
								<h:outputText value="#{atividade.fimEstimado}">
									<f:convertDateTime pattern="dd/MM/yyyy"/>
								</h:outputText>
							</rich:column>
							<rich:column>
								#{atividade.horasEstimadas} hrs
							</rich:column>
							<rich:column>
								#{atividade.responsavel.nomeRecurso}
							</rich:column>
							<rich:column>
								#{atividade.status.descricao}
							</rich:column>
							
							<rich:column>
								<a4j:commandLink action="#{planejarIteracaoControl.listarRequisitosDaAtividade}" execute="@this" 
									render="panelRequisitosAtividade" oncomplete="#{rich:component('panelRequisitosAtividade')}.show()">
									<a4j:param assignTo="#{planejarIteracaoControl.idAtividadeSel}" value="#{atividade.id}" />
									<h:graphicImage library="images" name="text_list_bullets.png" title="Requisitos/ Casos de Uso da atividade ##{atividade.numero}" />
								</a4j:commandLink>
							</rich:column>
							
							<rich:column>
								<a4j:commandLink action="#{planejarIteracaoControl.listarAtividadesPredecessoras}" execute="@this" 
									render="panelAtividadesPredecessoras" oncomplete="#{rich:component('panelAtividadesPredecessoras')}.show()">
									<a4j:param assignTo="#{planejarIteracaoControl.idAtividadeSel}" value="#{atividade.id}" />
									<h:graphicImage library="images" name="table_relationship.png" title="Predecessoras da atividade ##{atividade.numero}" />
								</a4j:commandLink>
							</rich:column>
							
							<rich:column>
								<a4j:commandLink action="#{planejarIteracaoControl.removerAtividade}" execute="@this" 
									render="listaAtividades mensagens panelDetalhes"
									onclick="return confirm('Deseja realmente remover a atividade #{atividade.numero}?')">
									<a4j:param assignTo="#{planejarIteracaoControl.idAtividadeSel}" value="#{atividade.id}" />
									<h:graphicImage library="images" name="delete.png" title="Remover Atividade ##{atividade.numero}" />
								</a4j:commandLink>
							</rich:column>
						</rich:dataTable>
					</rich:tab>
					
					<rich:tab header="Recursos" id="tabRecursos">
						<h:panelGrid columns="2" width="100%" columnClasses="tab-recursos-col1, tab-recursos-col2">
							<rich:panel header="Recursos Humanos">
								<a4j:commandLink action="#{planejarIteracaoControl.listarRecursos}" execute="@this"
									render="panelRecursos" oncomplete="#{rich:component('panelRecursos')}.show()">
									<h:graphicImage library="images" name="add.png" />
									Adicionar Recurso Humano
								</a4j:commandLink>
								
								<rich:dataTable id="listaRecursos" 
									var="recurso"
									value="#{planejarIteracaoControl.recursos}"
									styleClass="stable">
									
									<f:facet name="header">
										<rich:columnGroup>
											<rich:column>Nome</rich:column>
											<rich:column style="width: 5%"></rich:column>
										</rich:columnGroup>
									</f:facet>
									
									<rich:column>
										#{recurso.nomeRecurso}
									</rich:column>
									
									<rich:column>
										<a4j:commandLink action="#{planejarIteracaoControl.removerRecurso}" execute="@this" 
											render="listaRecursos mensagens"
											onclick="return confirm('Deseja realmente remover o recurso #{recurso.nomeRecurso} da iteração?')">
											<a4j:param assignTo="#{planejarIteracaoControl.idRecursoSel}" value="#{recurso.idRecurso}" />
											<h:graphicImage library="images" name="delete.png" title="Remover Recurso" />
										</a4j:commandLink>
									</rich:column>
								</rich:dataTable>
							</rich:panel>
							<rich:panel id="panelOutrosRecursos" header="Outros Recursos">
								<a4j:region id="regionOutrosRecursos">
									<a4j:commandLink action="#{planejarIteracaoControl.salvarOutrosRecursos}" execute="@region" render="mensagens">
										<h:graphicImage library="images" name="disk.png" />
										Salvar
									</a4j:commandLink>
									<br />
									<h:inputTextarea id="outrosRecursos" value="#{planejarIteracaoControl.outrosRecursos}" cols="50" rows="8">
										<f:validateLength maximum="1000" />
									</h:inputTextarea>
									<rich:message for="outrosRecursos" />
								</a4j:region>
							</rich:panel>
						</h:panelGrid>
					</rich:tab>
					
					<rich:tab header="Requisitos/ Casos de Uso" id="tabRequisitos">
						<h:panelGrid columns="2" width="100%" columnClasses="col-50perc, col-50perc">
							<rich:panel header="Requisitos">
								<a4j:commandLink action="#{planejarIteracaoControl.listarRequisitosNaoVinculados}" execute="@this" 
									render="panelRequisitosIteracao" oncomplete="#{rich:component('panelRequisitosIteracao')}.show()">
									<h:graphicImage library="images" name="add.png" />
									Adicionar Requisito
								</a4j:commandLink>
								
								<rich:dataTable id="listaRequisitos" 
									var="requisito"
									value="#{planejarIteracaoControl.requisitosDaIteracao}"
									styleClass="stable">
									
									<f:facet name="header">
										<rich:columnGroup>
											<rich:column>Nome</rich:column>
											<rich:column>Tipo</rich:column>
											<rich:column>Prioridade</rich:column>
											<rich:column style="width: 5%"></rich:column>
										</rich:columnGroup>
									</f:facet>
									
									<rich:column>
										#{requisito.nome}
									</rich:column>
									<rich:column>
										#{requisito.tipo.descricao}
									</rich:column>
									<rich:column style="text-align: center;">
										#{requisito.prioridade}
									</rich:column>
									
									<rich:column>
										<a4j:commandLink action="#{planejarIteracaoControl.removerRequisitoDaIteracao}" execute="@this" render="listaRequisitos mensagens" 
											onclick="return confirm('Deseja realmente remover o requisito #{requisito.nome} da atividade?')">
											<a4j:param assignTo="#{planejarIteracaoControl.idRequisitoSel}" value="#{requisito.id}" />
											<h:graphicImage library="images" name="delete.png" title="Remover Requisito" />
										</a4j:commandLink>
									</rich:column>
								</rich:dataTable>
							</rich:panel>
							
							<rich:panel header="Casos de Uso">
								<a4j:commandLink action="#{planejarIteracaoControl.listarCasosUsoNaoVinculados}" execute="@this" 
									render="panelCasosUsoIteracao" oncomplete="#{rich:component('panelCasosUsoIteracao')}.show()">
									<h:graphicImage library="images" name="add.png" />
									Adicionar Caso de Uso
								</a4j:commandLink>
								
								<rich:dataTable id="listaCasosUso" 
									var="casoUso"
									value="#{planejarIteracaoControl.casosUsoDaIteracao}"
									styleClass="stable">
									
									<f:facet name="header">
										<rich:columnGroup>
											<rich:column>Nome</rich:column>
											<rich:column>Descrição</rich:column>
											<rich:column style="width: 5%"></rich:column>
										</rich:columnGroup>
									</f:facet>
									
									<rich:column>
										#{casoUso.nomeCasoUso}
									</rich:column>
									<rich:column>
										#{casoUso.breveDescricao}
									</rich:column>
									
									<rich:column>
										<a4j:commandLink action="#{planejarIteracaoControl.removerCasoUsoDaIteracao}" execute="@this" render="listaCasosUso mensagens" 
											onclick="return confirm('Deseja realmente remover o requisito #{requisito.nome} da atividade?')">
											<a4j:param assignTo="#{planejarIteracaoControl.idCasoUsoSel}" value="#{casoUso.id}" />
											<h:graphicImage library="images" name="delete.png" title="Remover Caso de Uso" />
										</a4j:commandLink>
									</rich:column>
								</rich:dataTable>
							</rich:panel>
						</h:panelGrid>
					</rich:tab>
				</rich:tabPanel>
				
				<h:panelGrid columns="1" styleClass="botoes">
					<h:commandButton action="#{planejarIteracaoControl.concluirPlanejamento}" value="Concluir Planejamento" immediate="true"
						onclick="return confirm('Tem certeza que deseja concluir o planejamento da Iteração?');" />
				</h:panelGrid>
								
				
				<!-- Panel Atividade -->
				<rich:popupPanel id="panelAtividade" modal="true" resizeable="false" autosized="true" 
					header="Atividade" domElementAttachment="form">
			
					<rich:messages globalOnly="true" showSummary="true" showDetail="true">
					</rich:messages>
					
					<h:panelGrid columns="2" id="gridAtividade">
						<h:outputText value="Nome" styleClass="form_label" />
						<h:panelGroup>
							<h:inputText id="nome" value="#{planejarIteracaoControl.atividade.nome}" maxlength="40" size="50" />
							<rich:message for="nome" />
						</h:panelGroup>
						
						<h:outputText value="Disciplina" styleClass="form_label" />
						<h:panelGroup>
							<h:selectOneMenu id="disciplina" value="#{planejarIteracaoControl.atividade.disciplina}">
								<f:selectItems value="#{planejarIteracaoControl.disciplinas}" var="d" 
									itemValue="#{d}" itemLabel="#{d.descricao}" />
							</h:selectOneMenu>
							<rich:message for="disciplina" />
						</h:panelGroup>
						
						<h:outputText value="*Início:" styleClass="form_label" />
						<h:panelGroup>
							<rich:calendar id="inicio" required="true" value="#{planejarIteracaoControl.inicioAtividade}"
								datePattern="dd/MM/yyyy" popup="true" />
							<rich:message for="inicio" />
						</h:panelGroup>
						
						<h:outputText value="*Fim:" styleClass="form_label" />
						<h:panelGroup>
							<rich:calendar id="fim" required="true" value="#{planejarIteracaoControl.fimAtividade}" 
								datePattern="dd/MM/yyyy" popup="true" />
							<rich:message for="fim" />
						</h:panelGroup>
						
						<h:outputText value="*Esforço (hrs)" styleClass="form_label" />
						<h:panelGroup>
							<h:inputText id="horas" value="#{planejarIteracaoControl.atividade.horasEstimadas}" required="true"
								maxlength="5">
								<f:validateLongRange minimum="1" />
							</h:inputText>
							<rich:message for="horas" />
						</h:panelGroup>
						
						<h:outputText value="Responsável" styleClass="form_label" />
						<h:panelGroup>
							<h:selectOneMenu id="responsavel" value="#{planejarIteracaoControl.idRecursoSel}"
								valueChangeListener="#{planejarIteracaoControl.selecionarRecurso}">
								<f:selectItem itemValue="0" itemLabel="Selecione" />
								<f:selectItems value="#{planejarIteracaoControl.recursos}" var="r" 
									itemValue="#{r.idRecurso}" itemLabel="#{r.nomeRecurso}" />
							</h:selectOneMenu>
							<rich:message for="responsavel" />
						</h:panelGroup>
					</h:panelGrid>
					<br/>
					<h:panelGrid columns="2" styleClass="botoes">
						<a4j:commandButton value="Salvar" render="listaAtividades panelDetalhes" 
							execute="@form" action="#{planejarIteracaoControl.salvarAtividade}" 
							oncomplete="if (#{!facesContext.validationFailed and (empty facesContext.messageList)}) { #{rich:component('panelAtividade')}.hide(); }" />
							
						<h:button value="Fechar" onclick="#{rich:component('panelAtividade')}.hide(); return false;" />
					</h:panelGrid>
					
					
					<rich:jQuery selector="#horas" query="mask('?9999', {placeholder: ''})" />
				</rich:popupPanel>
				
				<!-- Panel Recursos -->
				<rich:popupPanel id="panelRecursos" modal="true" resizeable="false" autosized="true" 
					header="Adicionar Recurso Humano" domElementAttachment="form">
					
					<rich:messages globalOnly="true" showSummary="true" showDetail="true">
					</rich:messages>
					
					<rich:dataTable  var="recurso" 
						value="#{planejarIteracaoControl.recursosNaoVinculados}"
						rowClasses="odd-row, even-row" 
						styleClass="stable">
						
						<f:facet name="header">
							<rich:columnGroup>
								<rich:column>Nome</rich:column>
								<rich:column></rich:column>
							</rich:columnGroup>
						</f:facet>
						
						<rich:column>#{recurso.nomeRecurso}</rich:column>
						<rich:column>
							<a4j:commandLink action="#{planejarIteracaoControl.adicionarRecurso}" execute="@this" render="listaRecursos"
								oncomplete="if (#{empty facesContext.messageList}) { #{rich:component('panelRecursos')}.hide(); }">
								<h:graphicImage library="images" name="add.png" title="Adicionar Recurso" />
								<a4j:param assignTo="#{planejarIteracaoControl.idRecursoSel}" value="#{recurso.idRecurso}" />
							</a4j:commandLink>
						</rich:column>
					</rich:dataTable>
					<h:panelGrid styleClass="botoes">
						<h:button value="Fechar" onclick="#{rich:component('panelRecursos')}.hide(); return false;" />
					</h:panelGrid>
				</rich:popupPanel>
				
				<!-- Panel Adicionar Requisitos Atividade -->
				<rich:popupPanel id="panelRequisitosAtividade" modal="true" resizeable="false" autosized="true" 
					header="Requisitos/ Casos de Uso da Atividade ##{planejarIteracaoControl.atividade.numero}" domElementAttachment="form">
					
					<rich:messages globalOnly="true" showSummary="true" showDetail="true">
					</rich:messages>
					
					<h:panelGrid columns="2" columnClasses="col-50perc, col-50perc">
						<rich:panel header="Requisitos">
							<a4j:outputPanel id="panelAjaxRequisitosAtividade">
								<rich:panel header="Adicionar Requisito" rendered="#{not empty planejarIteracaoControl.requisitosNaoVinculadosAAtividade}">
									<h:selectOneMenu id="selectRequisitosAtividade" value="#{planejarIteracaoControl.idRequisitoSel}">
										<f:selectItems value="#{planejarIteracaoControl.requisitosNaoVinculadosAAtividade}" var="requisito"
											itemValue="#{requisito.id}" itemLabel="#{requisito.nome}" />
									</h:selectOneMenu>
									
									<a4j:commandButton value="Adicionar" render="panelAjaxRequisitosAtividade" 
										execute="panelAjaxRequisitosAtividade" action="#{planejarIteracaoControl.adicionarRequisitosAAtividade}" />
								</rich:panel>
								
								<br />
								<rich:dataTable var="requisito" 
									value="#{planejarIteracaoControl.requisitosDaAtividade}"
									rowClasses="odd-row, even-row" 
									styleClass="stable">
									
									<f:facet name="header">
										<rich:columnGroup>
											<rich:column>Nome</rich:column>
											<rich:column>Tipo</rich:column>
											<rich:column>Prioridade</rich:column>
											<rich:column></rich:column>
										</rich:columnGroup>
									</f:facet>
									
									<rich:column>#{requisito.nome}</rich:column>
									<rich:column>#{requisito.tipo.descricao}</rich:column>
									<rich:column>#{requisito.prioridade}</rich:column>
									<rich:column>
										<a4j:commandLink action="#{planejarIteracaoControl.removerRequisitoDaAtividade}" execute="@this" 
											render="panelAjaxRequisitosAtividade" onclick="return confirm('Deseja realmente remover o requisito #{requisito.nome} da atividade?')">
											<a4j:param assignTo="#{planejarIteracaoControl.idRequisitoSel}" value="#{requisito.id}" />
											<h:graphicImage library="images" name="delete.png" title="Remover Requisito" />
										</a4j:commandLink>
									</rich:column>
								</rich:dataTable>
							</a4j:outputPanel>
						</rich:panel>
						
						<rich:panel header="Casos de uso">
							<a4j:outputPanel id="panelAjaxCasosUsoAtividade">
								<rich:panel header="Adicionar Caso de Uso" rendered="#{not empty planejarIteracaoControl.casosUsoNaoVinculadosAAtividade}">
									<h:selectOneMenu value="#{planejarIteracaoControl.idCasoUsoSel}">
										<f:selectItems value="#{planejarIteracaoControl.casosUsoNaoVinculadosAAtividade}" var="casoUso"
											itemValue="#{casoUso.id}" itemLabel="#{casoUso.nomeCasoUso}" />
									</h:selectOneMenu>
									
									<a4j:commandButton value="Adicionar" render="panelAjaxRequisitosAtividade panelAjaxCasosUsoAtividade" 
										execute="panelAjaxCasosUsoAtividade" action="#{planejarIteracaoControl.adicionarCasoUsoAAtividade}" />
								</rich:panel>
								
								<br />
								
								<rich:dataTable var="casoUso" 
									value="#{planejarIteracaoControl.casosUsoDaAtividade}"
									rowClasses="odd-row, even-row" styleClass="stable">
									
									<f:facet name="header">
										<rich:columnGroup>
											<rich:column>Nome</rich:column>
											<rich:column>Descrição</rich:column>
											<rich:column></rich:column>
										</rich:columnGroup>
									</f:facet>
									
									<rich:column>#{casoUso.nomeCasoUso}</rich:column>
									<rich:column>#{casoUso.breveDescricao}</rich:column>
									<rich:column>
										<a4j:commandLink action="#{planejarIteracaoControl.removerCasoUsoDaAtividade}" execute="@this" 
											render="panelAjaxCasosUsoAtividade" onclick="return confirm('Deseja realmente remover o caso de uso #{casoUso.nomeCasoUso} da atividade?')">
											<a4j:param assignTo="#{planejarIteracaoControl.idCasoUsoSel}" value="#{casoUso.id}" />
											<h:graphicImage library="images" name="delete.png" title="Remover Caso de Uso" />
										</a4j:commandLink>
									</rich:column>
								</rich:dataTable>
							</a4j:outputPanel>
						</rich:panel>
					</h:panelGrid>
					
					
					
					<br/>
					
					<h:panelGrid styleClass="botoes">
						<h:button value="Fechar" onclick="#{rich:component('panelRequisitosAtividade')}.hide(); return false;" />
					</h:panelGrid>
				</rich:popupPanel>
				
				<!-- Panel Adicionar Requisitos Iteracao -->
				<rich:popupPanel id="panelRequisitosIteracao" modal="true" resizeable="false" autosized="true" 
					header="Adicionar Requisito" domElementAttachment="form">
					
					<rich:messages globalOnly="true" showSummary="true" showDetail="true" />
					
					<rich:dataTable var="requisito" 
						value="#{planejarIteracaoControl.requisitosNaoVinculadosAIteracao}"
						rowClasses="odd-row, even-row" 
						styleClass="stable">
						
						<f:facet name="header">
							<rich:columnGroup>
								<rich:column>Nome</rich:column>
								<rich:column>Tipo</rich:column>
								<rich:column>Prioridade</rich:column>
								<rich:column></rich:column>
							</rich:columnGroup>
						</f:facet>
						
						<rich:column>#{requisito.nome}</rich:column>
						<rich:column>#{requisito.tipo.descricao}</rich:column>
						<rich:column>#{requisito.prioridade}</rich:column>
						<rich:column>
							<a4j:commandLink action="#{planejarIteracaoControl.adicionarRequisitoAIteracao}" execute="@this" render="listaRequisitos"
								oncomplete="#{rich:component('panelRequisitosIteracao')}.hide();">
								<h:graphicImage library="images" name="add.png" title="Adicionar Recurso" />
								<a4j:param assignTo="#{planejarIteracaoControl.idRequisitoSel}" value="#{requisito.id}" />
							</a4j:commandLink>
						</rich:column>
					</rich:dataTable>
					
					<br/>
					
					<h:panelGrid styleClass="botoes">
						<h:button value="Fechar" onclick="#{rich:component('panelRequisitosIteracao')}.hide(); return false;" />
					</h:panelGrid>
				</rich:popupPanel>
				
				<!-- Panel Atividades Predecessoras -->
				<rich:popupPanel id="panelAtividadesPredecessoras" modal="true" width="500" height="300"
					header="Predecessoras da Atividade" domElementAttachment="form">
					
					<rich:messages globalOnly="true" showSummary="true" showDetail="true" />
					
					<a4j:outputPanel id="panelAjaxAtividadesPredecessoras">
						<rich:panel header="Adicionar Atividade Predecessora" rendered="#{not empty planejarIteracaoControl.atividadesNaoVinculadas}">
							<h:selectOneMenu value="#{planejarIteracaoControl.idPredecessoraSel}">
								<f:selectItems value="#{planejarIteracaoControl.atividadesNaoVinculadas}" var="atividade"
									itemValue="#{atividade.id}" itemLabel="#{atividade.numero} - #{atividade.nome}" />
							</h:selectOneMenu>
							
							<a4j:commandButton value="Adicionar" render="panelAjaxAtividadesPredecessoras listaAtividades" 
								execute="panelAjaxAtividadesPredecessoras" action="#{planejarIteracaoControl.adicionarAtividadePredecessora}" />
						</rich:panel>
						
						<br />
						<rich:dataTable var="atividade" 
							value="#{planejarIteracaoControl.atividadesPredecessoras}"
							rowClasses="odd-row, even-row" 
							styleClass="stable">
							
							<f:facet name="header">
								<rich:columnGroup>
									<rich:column>#</rich:column>
									<rich:column>Nome</rich:column>
									<rich:column></rich:column>
								</rich:columnGroup>
							</f:facet>
							
							<rich:column>#{atividade.numero}</rich:column>
							<rich:column>#{atividade.nome}</rich:column>
							
							<rich:column>
								<a4j:commandLink action="#{planejarIteracaoControl.removerAtividadePredecessora}" execute="@this" 
									render="panelAjaxAtividadesPredecessoras" 
									onclick="return confirm('Deseja realmente remover o vínculo com a atividade #{atividade.numero}?')">
									<a4j:param assignTo="#{planejarIteracaoControl.idPredecessoraSel}" value="#{atividade.id}" />
									<h:graphicImage library="images" name="delete.png" title="Remover Atividade" />
								</a4j:commandLink>
							</rich:column>
						</rich:dataTable>
						
					</a4j:outputPanel>
					
					<br />
					<h:panelGrid styleClass="botoes" style="vertical-align: bottom;">
						<h:button value="Fechar" onclick="#{rich:component('panelAtividadesPredecessoras')}.hide(); return false;" />
					</h:panelGrid>
				</rich:popupPanel>
				
				<!-- Panel Adicionar CasoUso Iteracao -->
				<rich:popupPanel id="panelCasosUsoIteracao" modal="true" resizeable="false" autosized="true" 
					header="Adicionar Caso de Uso" domElementAttachment="form">
					
					<rich:messages globalOnly="true" showSummary="true" showDetail="true" />
					
					<rich:dataTable var="casoUso" 
						value="#{planejarIteracaoControl.casosUsoNaoVinculadosAIteracao}"
						rowClasses="odd-row, even-row" 
						styleClass="stable">
						
						<f:facet name="header">
							<rich:columnGroup>
								<rich:column>Nome</rich:column>
								<rich:column>Descrição</rich:column>
								<rich:column></rich:column>
							</rich:columnGroup>
						</f:facet>
						
						<rich:column>#{casoUso.nomeCasoUso}</rich:column>
						<rich:column>#{casoUso.breveDescricao}</rich:column>
						<rich:column>
							<a4j:commandLink action="#{planejarIteracaoControl.adicionarCasoUsoAIteracao}" execute="@this" render="listaRequisitos listaCasosUso"
								oncomplete="#{rich:component('panelCasosUsoIteracao')}.hide();">
								<h:graphicImage library="images" name="add.png" title="Adicionar Caso de Uso" />
								<a4j:param assignTo="#{planejarIteracaoControl.idCasoUsoSel}" value="#{casoUso.id}" />
							</a4j:commandLink>
						</rich:column>
					</rich:dataTable>
					
					<br/>
					
					<h:panelGrid styleClass="botoes">
						<h:button value="Fechar" onclick="#{rich:component('panelCasosUsoIteracao')}.hide(); return false;" />
					</h:panelGrid>
				</rich:popupPanel>
				
				<ui:include src="/pages/projeto/_gantt.xhtml" />
			</h:form>
			
		</ui:define>
	</ui:composition>

</ui:component>